<template>
	<div id="wordcloud">
		<ve-wordcloud :data="chartData" :settings="chartSettings"></ve-wordcloud>
	</div>
</template>
<script>
export default {
	name: 'wordcloud',
	data() {
		return {
			chartData: {
				columns: ['name', 'value'],
				rows: [
					{
						name: '麦当劳',
						value: 22199,
					},
					{
						name: '肯德基',
						value: 10288,
					},
					{
						name: '大浪',
						value: 620,
					},
					{
						name: '美国',
						value: 270,
					},
					{
						name: '中国',
						value: 1222311,
					},
					{
						name: 'Java',
						value: 121,
					},
					{
						name: '疫情',
						value: 112311,
					},
					{
						name: '香车美女',
						value: 18311,
					},
					{
						name: '奥迪CC',
						value: 1311,
					},
				],
			},
			chartSettings: {
				color: ['rgba(97,216,0,.7)', 'rgba(204,178,26,.7)', 'rgba(245,166,35,.7)', 'rgba(156,13,113,.7)'],
			},
		};
	},
	methods: {},
};
</script>
<style lang="scss" scoped>
#wordcloud {
	width: 250px;
}
</style>
